<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,
    min-scale=1.0, max-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/index.css">
    <title>仿苏宁易购首页</title>
</head>
<body>
  <!--顶部搜索框-->
  <div class="search-content">
    <a href="#" class="classify"></a>
    <div href="#" class="search">
      <form action="">
        <input type="search" value="厨卫保暖季">
      </form>
    </div>
    <a href="#" class="login"><span>登陆</span></a>
  </div>
  <!--banner部分-->
  <div class="banner">
    <img src="images/banner.gif" alt="">
  </div>
  <!-- 广告部分 -->
  <div class="ad">
    <a href="#"><img src="upload/ad1.gif" alt=""></a>
    <a href="#"><img src="upload/ad2.gif" alt=""></a>
    <a href="#"><img src="upload/ad3.gif" alt=""></a>
  </div>
  <!-- nav模块 -->
  <nav>
    <a href="#">
      <img src="upload/1.webp" alt="">
      <span>天天低价</span>
    </a>
    <a href="#">
      <img src="upload/2.webp" alt="">
      <span>爆款手机</span>
    </a>
    <a href="#">
      <img src="upload/3.webp" alt="">
      <span>苏宁拼购</span>
    </a>
    <a href="#">
      <img src="upload/4.webp" alt="">
      <span>5G手机</span>
    </a>
    <a href="#">
      <img src="upload/5.webp" alt="">
      <span>苏宁家电</span>
    </a>
    <a href="#">
      <img src="upload/6.webp" alt="">
      <span>免费水果</span>
    </a>
    <a href="#">
      <img src="upload/7.webp" alt="">
      <span>赚钱销乐</span>
    </a>
    <a href="#">
      <img src="upload/8.webp" alt="">
      <span>签到有礼</span>
    </a>
    <a href="#">
      <img src="upload/9.webp" alt="">
      <span>领券中心</span>
    </a>
    <a href="#">
      <img src="upload/10.webp" alt="">
      <span>更多频道</span>
    </a>
  </nav>
</body>
</html>
